// 知识点【路径问题】：小程序的js文件里面不能使用 / 表示根目录，只能使用相对路径
import QQMapWX from '../../../libs/qqmap-wx-jssdk.min.js'

const qqmapsdk = new QQMapWX({
  key: 'K5UBZ-AEKKJ-SIJFU-DZXZC-6ZZLT-6ZFHJ',
})

Page({
  data: {
    list: [],
    address: '',
  },
  async onLoad() {
    // 知识点【小程序获取当前地理位置API】：获取 当前地理位置信息,type参数看实际需要是否传递，如使用逆地址解析就需要传
    const { latitude, longitude } = await wx.getLocation({ type: 'gcj02' })
    this.searchLocation(latitude, longitude)
    this.reverseLocation({ latitude, longitude })
  },
  /**
   * 打开微信地图选择位置。
   */
  async openLocation() {
    const { name, latitude, longitude } = await wx.chooseLocation()
    this.setData({
      address: name,
    })
    this.searchLocation(latitude, longitude)
  },
  /**
   * 知识点：逆地址解析当前定位为中文（注意这个方法的传参方式，不一定要写成对象形式，可以直接两个参数）
   */
  reverseLocation({ latitude, longitude }) {
    qqmapsdk.reverseGeocoder({
      latitude,
      longitude,
      success: (res) => {
        this.setData({
          address: res.result.address,
        })
      },
    })
  },
  /**
   * 获取默认的地理位置住宅信息
   */
  searchLocation(latitude, longitude) {
    // 位置搜索腾讯位置api
    qqmapsdk.search({
      keyword: '住宅小区',
      page_size: 5,
      location: { latitude, longitude },
      success: (res) => {
        this.setData({
          list: res.data,
        })
      },
    })
  },
})
